.details-wrapper{
  width: 100%;
  padding-top: px2rem(54px);
  .tab-bar{
    width: 100%;
    font-size: px2rem(16px);
    display: flex;
    border-bottom: 1px solid #f0f0f0;
    .tab-item{
      flex: 1;
      height: px2rem(45px);
      line-height: px2rem(45px);
      position: relative;
      color: #666;
      text-align: center;
      text-decoration: none;
      &.active{
        &:after {
          content: '';
          display: block;
          height: px2rem(4px);
          width: px2rem(70px);
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          background-color: #ffd161;
        }
      }
    }
  }
}
